<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Grima Portal</title>
	<link rel="stylesheet" type="text/css" href="css/themes/bootstrap/easyui.css">
	<link rel="stylesheet" type="text/css" href="css/icon.css">
	<link rel="stylesheet" type="text/css" href="css/portal.css">
	<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
	
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
</head>
<body class="easyui-layout">
	
    <div id="header" data-options="region:'north',border:false"></div>
    <div id="menu" data-options="region:'west',split:true,title:' '" style="width:250px;"></div>
    <div data-options="region:'east',split:true,collapsed:true,title:' '" style="width:250px;padding:10px;"></div>
    <div id="footer" data-options="region:'south',border:false"></div>

    <div data-options="region:'center',title:'Arquivos'">
		<div id="files"></div>
    </div>
	<script>
		function search(){
		}
		function onClickRow(index){
			var row = $('#dg').datagrid('getSelected');
			if (row){
				//$.messager.alert('Info', row.id+":"+row.name);
			}
		}
		function confirmDelete(){
			$.messager.confirm('Aviso', 'Confirma exclusão?', function(r){
				if (r){
					//alert('confirmed: '+r);
				}
			});
		}
	</script>
	<script type="text/javascript">
		function append(){
			var t = $('#tt');
			var node = t.tree('getSelected');
			t.tree('append', {
				parent: (node?node.target:null),
				data: [{
					text: 'new item1'
				},{
					text: 'new item2'
				}]
			});
		}
		function removeit(){
			var node = $('#tt').tree('getSelected');
			$('#tt').tree('remove', node.target);
		}
		function collapse(){
			var node = $('#tt').tree('getSelected');
			$('#tt').tree('collapse',node.target);
		}
		function expand(){
			var node = $('#tt').tree('getSelected');
			$('#tt').tree('expand',node.target);
		}
	</script>
	<script>
		function doSearchGallery(value){
			alert('You input: ' + value);
		}
	</script>
	
	<script>
		$('#header').load('header.html');
		$('#footer').load('footer.html');
		$('#menu').load('menu.html');
		$('#files').load('files.html');
	</script>

</body>
</html>